<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>免费牛股</title>
    <script>
        (function (doc, win) {
            var docEl = doc.documentElement,
                    resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                    reCalc = function () {
                        var clientWidth = docEl.clientWidth;
                        if (!clientWidth) return;
                        docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
                    };
            if (!doc.addEventListener) return;
            win.addEventListener(resizeEvt, reCalc, false);
            doc.addEventListener('DOMContentLoaded', reCalc, false);
        })(document, window);
    </script>
    <style>
        html, body {
            width: 100%;
            margin: 0;
            padding: 0;
            font-family: Arial, Helvetica, sans-serif;
            background-color: #1a1a1a;
        }

        .bodyBg {
            width: 100%;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            pointer-events: none;
        }

        .aniScale {
            -moz-animation: ani-scale 1.8s linear infinite; /* Firefox */
            -webkit-animation: ani-scale 1.8s linear infinite; /* Safari 和 Chrome */
            -o-animation: ani-scale 1.8s linear infinite; /*opera*/
            animation: ani-scale 1.8s linear infinite;
        }

        .aniScale:hover {
            -moz-animation-play-state: paused;
            -webkit-animation-play-state: paused;
            -o-animation-play-state: paused;
            animation-play-state: paused;
        }

        /* Firefox */
        @-moz-keyframes ani-scale {
            0% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.125);
            }
            100% {
                transform: scale(1);
            }
        }

        /* Safari 和 Chrome */
        @-webkit-keyframes ani-scale {
            0% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.125);
            }
            100% {
                transform: scale(1);
            }
        }

        /* Opera */
        @-o-keyframes ani-scale {
            0% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.125);
            }
            100% {
                transform: scale(1);
            }
        }

        @keyframes ani-scale {
            0% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.125);
            }
            100% {
                transform: scale(1);
            }
        }

        .stockTable {
            top: 10.85rem;
            left: .325rem;
            width: 6.8rem;
            height: 2.6rem;
            font-size: .2rem;
            position: absolute;
            border-collapse: collapse;
            text-align: center;
            border: 1px solid #bf061a;
        }

        .stockTable th {
            background-color: #da1228;
            color: #ffffff;
            border-color: #bf061a;
        }

        .stockTable td {
            border-color: #bf061a;
        }

        .stockTable td:last-child {
            background-color: #fbde42;
            color: #ff011a;
            font-weight: bold;
            font-size: .275rem;
        }

        .drawCombine {
            z-index: 999;
            position: absolute;
            left: 1.18rem;
        }

        .drawCombine.drawCombine1 {
            top: 7.825rem;
        }

        .drawCombine.drawCombine2 {
            top: 18.435rem;
        }

        .drawCombine .input {
            width: 5rem;
            height: 1.09rem;
            background: url("image/inputBg.png") no-repeat center;
            background-size: contain;
        }

        .drawCombine .input input {
            background: transparent;
            border: none;
            outline: none;
            position: absolute;
            font-size: .325rem;
            height: .65rem;
            line-height: .65rem;
            width: 3.25rem;
            top: .175rem;
            left: 1.25rem;
        }

        .drawCombine .btnOk {
            cursor: pointer;
            background: url("image/btnOk.png") no-repeat center;
            background-size: contain;
            width: 3.5rem;
            height: .8rem;
            margin: auto;
        }

    </style>
</head>
<body>
<img class="bodyBg" src="image/bg_tel.png"/>

<div class="drawCombine drawCombine1">
    <div class="input"><input type="tel" placeholder="请输入您的电话号码"></div>
    <div class="btnOk aniScale"></div>
</div>


<table border="1" class="stockTable">
    <tr>
        <th>股票代码</th>
        <th>股票名称</th>
        <th>买入点位</th>
        <th>目标点位</th>
        <th>收益空间</th>
    </tr>
    <tr>
        <td>603159</td>
        <td>上海亚虹</td>
        <td>55.87</td>
        <td>80.52</td>
        <td>44％</td>
    </tr>
    <tr>
        <td>002210</td>
        <td>三钢闵光</td>
        <td>10.12</td>
        <td>15.10</td>
        <td>49％</td>
    </tr>
    <tr>
        <td>000996</td>
        <td>中国重汽</td>
        <td>20.97</td>
        <td>26.11</td>
        <td>25%</td>
    </tr>
</table>

<div class="drawCombine drawCombine2">
    <div class="input"><input type="tel" placeholder="请输入您的电话号码"></div>
    <div class="btnOk aniScale"></div>
</div>

<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script>


</script>
</body>
</html>